.main {
	max-width:600px;
	margin:0 auto;
}
.main .list {
	padding:10px;
}
.main .list h6{
	font-size:15px;
	color:#333;
	line-height:40px;
}
.main .list .flex-layout {
	padding:0 0 10px;
}
.main .list .flex-layout + .flex-layout {
	padding:10px 0;
	border-top:1px solid #d8d8d8;
}
.main .list .flex-layout .content-wrap{
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
}
.main .list .flex-layout div{
	flex:1;
}
.main .list .flex-layout .leftarea{
	max-width:150px;
	box-sizing:border-box;
	padding:0 10px 0 0;
	height:85px;
}
.main .list .flex-layout .leftarea img{
	width:100%;
	border-radius:4px;
	height:100%;
}
.main .list .flex-layout .rightarea {
	height:85px;
}
.main .list .flex-layout .rightarea .guide{
	-webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
    word-break: break-all;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: left;
    justify-content: left;
}
.main .list .flex-layout .rightarea .prompt{
	color:#c4bebe;
	flex:1;
	justify-content: flex-end
}
.main .list .flex-layout .rightarea .time{
	color:#c4bebe;
}